<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>汽车之家</title>
    <link rel="stylesheet" href="./qczj.css">
    <link rel="stylesheet" href="./qczj/iconfont.css">
</head>
<body>
    <div class="outer">
        <div class="center">
            <div class="header_nav">
                <span class="iconfont icon-back_icon">返回</span>
                <span>汽车广场</span>
            </div>
            <header>
                <div class="header_top">

                </div>
                <div class="header_center">
                    <div class="search">
                        <span class="iconfont icon-Magnifier"></span>
                        <input type="text" placeholder="搜索你感兴趣的汽车">
                    </div>
                </div>
                <div class="header_bottom">
                    <div>
                        <section>
                            <img src="./1.PNG" alt="">
                        </section>
                   
                        <section>
                            <p>大v榜</p>
                        </section>
                    </div>
                    <div>
                        <section>
                            <img src="./2.jpg" alt="">
                        </section>
                       
                        <section>
                            <p>新车上市</p>
                        </section>
                    </div>
                    <div>
                        <section>
                            <img src="./3.jpg" alt="">
                        </section>
                     
                        <section>
                            <p>热议车榜</p>
                        </section>
                    </div>
                    <div>
                        <section>
                            <img src="./4.jpg" alt="">
                        </section>
                        
                        <section>
                            <p>热车排行</p>
                        </section>
                    </div>
                    <div>
                        <section>
                            <img src="./5.PNG" alt="">
                        </section>
                      
                        <section>
                            <p>底价查询</p>
                        </section>
                    </div>
                    
                </div>
            </header>
            <article>
               <div class="article_top">
                   <p>
                       <img src="./豪车美女.jpg" alt="">
                   </p>
                   <p>
                       <span>豪车美女-安琪儿</span>
                       <span class="iconfont icon-huangguan_queen"></span>
                       <br>
                       <span>4小时前 来自 微博 weibo.com</span>
                   </p>
               </div>
               <div class="article_center">
                   <div>
                       <p>迈凯伦F1的设计师Gordon Murray制造了一款全新的超级跑车：T.50，
                           这将是迈凯伦F1真正的继承者。</p>
                   </div>
                   <div class="article_images">
                       <div>
                           <div>
                            <img src="./豪车.jpg" alt="" width="128px" height="128px">
                           </div>
                           <div>
                            <img src="./豪车.jpg" alt="" width="128px" height="128px">
                           </div>
                           <div>
                            <img src="./豪车.jpg" alt="" width="128px" height="128px">
                           </div>
                       </div>
                       <div>
                        <div>
                            <img src="./豪车.jpg" alt="" width="128px" height="128px">
                           </div>
                           <div>
                            <img src="./豪车.jpg" alt="" width="128px" height="128px">
                           </div>
                           <div>
                            <img src="./豪车.jpg" alt="" width="128px" height="128px">
                           </div>
                       </div>
                       <div>
                        <div>
                            <img src="./豪车.jpg" alt="" width="128px" height="128px">
                           </div>
                           <div>
                            <img src="./豪车.jpg" alt="" width="128px" height="128px">
                           </div>
                           <div>
                            <img src="./豪车.jpg" alt="" width="128px" height="128px">
                           </div>
                       </div>
                   </div>
               </div>
               <div class="article_bottom">
                   <div>
                       <span class="iconfont icon-zhuanfa">119</span>
                   </div>
                   <div>
                       <span class="iconfont icon-xiaoxi">28</span>
                   </div>
                   <div>
                       <span class="iconfont icon-icon_good">312</span>
                   </div>
               </div> 
            </article>
            <article>
                <div class="article_top">
                    <p>
                        <img src="./豪车美女.jpg" alt="">
                    </p>
                    <p>
                        <span>豪车美女-安琪儿</span>
                        <span class="iconfont icon-huangguan_queen"></span>
                        <br>
                        <span>4小时前 来自 微博 weibo.com</span>
                    </p>
                </div>
                <div class="article_center">
                    <div>
                        <p>迈凯伦F1的设计师Gordon Murray制造了一款全新的超级跑车：T.50，
                            这将是迈凯伦F1真正的继承者。</p>
                    </div>
                    <div class="article_images">
                        <div>
                            <div>
                             <img src="./豪车.jpg" alt="" width="128px" height="128px">
                            </div>
                            <div>
                             <img src="./豪车.jpg" alt="" width="128px" height="128px">
                            </div>
                            <div>
                             <img src="./豪车.jpg" alt="" width="128px" height="128px">
                            </div>
                        </div>
                        <div>
                         <div>
                             <img src="./豪车.jpg" alt="" width="128px" height="128px">
                            </div>
                            <div>
                             <img src="./豪车.jpg" alt="" width="128px" height="128px">
                            </div>
                            <div>
                             <img src="./豪车.jpg" alt="" width="128px" height="128px">
                            </div>
                        </div>
                        <div>
                         <div>
                             <img src="./豪车.jpg" alt="" width="128px" height="128px">
                            </div>
                            <div>
                             <img src="./豪车.jpg" alt="" width="128px" height="128px">
                            </div>
                            <div>
                             <img src="./豪车.jpg" alt="" width="128px" height="128px">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="article_bottom">
                    <div>
                        <span class="iconfont icon-zhuanfa">119</span>
                    </div>
                    <div>
                        <span class="iconfont icon-xiaoxi">28</span>
                    </div>
                    <div>
                        <span class="iconfont icon-icon_good">312</span>
                    </div>
                </div> 
             </article>
             <article>
                <div class="article_top">
                    <p>
                        <img src="./豪车美女.jpg" alt="">
                    </p>
                    <p>
                        <span>豪车美女-安琪儿</span>
                        <span class="iconfont icon-huangguan_queen"></span>
                        <br>
                        <span>4小时前 来自 微博 weibo.com</span>
                    </p>
                </div>
                <div class="article_center">
                    <div>
                        <p>迈凯伦F1的设计师Gordon Murray制造了一款全新的超级跑车：T.50，
                            这将是迈凯伦F1真正的继承者。</p>
                    </div>
                    <div class="article_images">
                        <div>
                            <div>
                             <img src="./豪车.jpg" alt="" width="128px" height="128px">
                            </div>
                            <div>
                             <img src="./豪车.jpg" alt="" width="128px" height="128px">
                            </div>
                            <div>
                             <img src="./豪车.jpg" alt="" width="128px" height="128px">
                            </div>
                        </div>
                        <div>
                         <div>
                             <img src="./豪车.jpg" alt="" width="128px" height="128px">
                            </div>
                            <div>
                             <img src="./豪车.jpg" alt="" width="128px" height="128px">
                            </div>
                            <div>
                             <img src="./豪车.jpg" alt="" width="128px" height="128px">
                            </div>
                        </div>
                        <div>
                         <div>
                             <img src="./豪车.jpg" alt="" width="128px" height="128px">
                            </div>
                            <div>
                             <img src="./豪车.jpg" alt="" width="128px" height="128px">
                            </div>
                            <div>
                             <img src="./豪车.jpg" alt="" width="128px" height="128px">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="article_bottom">
                    <div>
                        <span class="iconfont icon-zhuanfa">119</span>
                    </div>
                    <div>
                        <span class="iconfont icon-xiaoxi">28</span>
                    </div>
                    <div>
                        <span class="iconfont icon-icon_good">312</span>
                    </div>
                </div> 
             </article>
             <article>
                <div class="article_top">
                    <p>
                        <img src="./豪车美女.jpg" alt="">
                    </p>
                    <p>
                        <span>豪车美女-安琪儿</span>
                        <span class="iconfont icon-huangguan_queen"></span>
                        <br>
                        <span>4小时前 来自 微博 weibo.com</span>
                    </p>
                </div>
                <div class="article_center">
                    <div>
                        <p>迈凯伦F1的设计师Gordon Murray制造了一款全新的超级跑车：T.50，
                            这将是迈凯伦F1真正的继承者。</p>
                    </div>
                    <div class="article_images">
                        <div>
                            <div>
                             <img src="./豪车.jpg" alt="" width="128px" height="128px">
                            </div>
                            <div>
                             <img src="./豪车.jpg" alt="" width="128px" height="128px">
                            </div>
                            <div>
                             <img src="./豪车.jpg" alt="" width="128px" height="128px">
                            </div>
                        </div>
                        <div>
                         <div>
                             <img src="./豪车.jpg" alt="" width="128px" height="128px">
                            </div>
                            <div>
                             <img src="./豪车.jpg" alt="" width="128px" height="128px">
                            </div>
                            <div>
                             <img src="./豪车.jpg" alt="" width="128px" height="128px">
                            </div>
                        </div>
                        <div>
                         <div>
                             <img src="./豪车.jpg" alt="" width="128px" height="128px">
                            </div>
                            <div>
                             <img src="./豪车.jpg" alt="" width="128px" height="128px">
                            </div>
                            <div>
                             <img src="./豪车.jpg" alt="" width="128px" height="128px">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="article_bottom">
                    <div>
                        <span class="iconfont icon-zhuanfa">119</span>
                    </div>
                    <div>
                        <span class="iconfont icon-xiaoxi">28</span>
                    </div>
                    <div>
                        <span class="iconfont icon-icon_good">312</span>
                    </div>
                </div> 
             </article>
            <footer>
                <div>
                    <span class="iconfont icon-daohangshouye"></span>
                    <span>首页</span>
                </div>
                <div>
                    <span class="iconfont icon-shipin"></span>
                    <span>视频</span>
                </div>
                <div>
                    <span class="iconfont icon-fabu"></span>
                    <span>发布</span>
                </div>
                <div>
                    <span class="iconfont icon-dache"></span>
                    <span>找车</span>
                </div>
                <div>
                    <span class="iconfont icon-huatishuohua"></span>
                    <span>话题</span>
                </div>
            </footer>
        </div>
    </div>
</body>
</html>